$(function () {
    // 点击去注册,注册框显示
    $("#zhuce").on("click", function () {
        $(".form-login").hide();
        $(".form-reg").show()
    })

    // 点击去登录,登陆框显示
    $("#denglu").on("click", function () {
        $(".form-login").show();
        $(".form-reg").hide()
    })


    // 注册框提交验证
    var form = layui.form;
    form.verify({
        pwd: [/^[\S]{6,12}$/, "密码必须在6-12位之间"],
        repwd: function (repwd) {
            if (repwd != $(".pwd").val()) {
                return "两次输入的密码必须一致"
            }
        }
    })


    // 注册form表单的提交事件
    $("#reg").on("submit", function (e) {
        e.preventDefault();
        var data = $(this).serialize()
        $.ajax({
            type: "POST",
            url: "/api/reguser",
            data: data,
            success: function (res) {
                // 等于1就是失败了
                if (res.status === 1) {
                    return layer.msg(res.message);
                }
                // 成功了
                layer.msg("注册成功");
                $("#denglu").trigger("click")
            }
        })
    })

    // 登录表单

    $("#login").on("submit", function (e) {
        e.preventDefault();
        var data = $(this).serialize();
        $.ajax({
            type: "POST",
            url: "/api/login",
            data: data,
            success: function (res) {
                if (res.status == 1) {
                    $("#login")[0].reset()
                    return layer.msg(res.message);
                }
                localStorage.setItem("token", res.token)
                layer.msg(res.message);
                // 跳转到后台页面
                location.href = "/index.html"
            }
        })
    })
})